{extend name='admin@main'}

{block name="content"}

{include file='store@goods/form_style'}
<style type="text/css">
  .layui-disabled, .layui-disabled:hover {
    color: #666 !important;
    cursor: not-allowed !important;
}
.layui-radio-disbaled > i {
    color: #5FB878 !important;
}
</style>
<form onsubmit="return false;" id="GoodsForm" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off">
<div class="layui-card-body think-box-shadow padding-left-40">
  <div class="layui-form-item">
    <label class="layui-form-label">兼职标题</label>
    <div class="layui-input-block">
      <input name="title"  lay-verify="title" value="" autocomplete="off" placeholder="请输入标题" class="layui-input" type="text">
    </div>
  </div>
    <div class="layui-form-item ">
      
      <div class="layui-inline">
        <label class="layui-form-label">兼职类型</label>
        <div class="layui-input-inline">
          <select class="layui-select"  name="work_type" lay-search>
            <option value="" selected="selected">请选择兼职类型</option>
              {foreach $jobtype as $jobtype}
              <option value="{$jobtype.id}">{$jobtype.name}</option>
            {/foreach}
            </select>
        </div>
      </div>

      <div class="layui-inline">
        <label class="layui-form-label">薪资待遇</label>
        <div class="layui-input-inline">
          <input name="salary"  value="" placeholder="请输入薪资待遇" lay-verify="salary"  autocomplete="off" class="layui-input" type="text">
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label">薪资单位</label>
        <div class="layui-input-inline">
            <select class="layui-select"   name="salary_unit" lay-search>
              <option value="1000" selected="selected">请选择薪资单位</option>
              {foreach $salary_unit as $salary_unit}               
                <option value="{$salary_unit.index}">{$salary_unit.text}</option>
              {/foreach}
            </select>
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label">所需人数</label>
        <div class="layui-input-inline">
          <input name="need_worker" placeholder="请输入兼职人手"  value="" lay-verify="need_worker" autocomplete="off" class="layui-input" type="number">
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label">联系人</label>
        <div class="layui-input-inline">
          <input name="contacts"  value="" placeholder="请输入联系人" lay-verify="contacts" autocomplete="off" class="layui-input" type="text">
        </div>
      </div>
      
    </div>

    <div class="layui-form-item ">
      <div class="layui-inline">
        <label class="layui-form-label">联系电话</label>
        <div class="layui-input-inline">
          <input name="mobile"  value="" placeholder="请输入联系电话" lay-verify="mobile" autocomplete="off" class="layui-input" type="text">
        </div>
      </div>
     
      <div class="layui-inline">
        <label class="layui-form-label">兼职时间</label>
        <div class="layui-input-inline">
          <input name="work_time" placeholder="请选择兼职时间"  value="" id="test1" autocomplete="off" class="layui-input" type="text">
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label">上班时间</label>
        <div class="layui-input-inline">
          <input name="work_up_time" id="test2"  value="" placeholder="请输入上班时间" lay-verify="work_up_time" autocomplete="off" class="layui-input" type="text">
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label">下班时间</label>
        <div class="layui-input-inline">
          <input name="work_down_time" id="test3" value="" placeholder="请输入下班时间" lay-verify="work_down_time" autocomplete="off" class="layui-input" type="text">
        </div>
      </div>
       <div class="layui-inline">
        <label class="layui-form-label">结算方式</label>
        <div class="layui-input-inline">
          <select class="layui-select"   name="settlement_type" lay-search>
            <option value="" selected="selected">请选择结算方式</option>
            {foreach $settlement as $settlement}
              
              <option value="{$settlement.index}">{$settlement.text}</option>
              
            {/foreach}
          </select>
        </div>
      </div>

      
    </div>
    <div class="layui-form-item ">
      <div id="" style="">
        <div class="layui-inline">
          <label class="layui-form-label" >工作省份:</label>
          <div class="layui-input-inline" >
            <input name="province" placeholder="" readonly="readonly"  value="{$address.province}"  autocomplete="off" class="layui-input" type="text">
          </div>
        </div>

        <div class="layui-inline">
          <label class="layui-form-label" >工作城市:</label>
          <div class="layui-input-inline" >
            <input name="city" placeholder=""  readonly="readonly"  value="{$address.city}"  autocomplete="off" class="layui-input" type="text">
          </div>
        </div>

        <div class="layui-inline">
          <label class="layui-form-label" >工作县区:</label>
          <div class="layui-input-inline" >
            <select name="county" class="county-selector" data-value="{$vo.countyName|default=''}" >
             {foreach $county as $vo} 
              <option value="{$vo.area_name}">{$vo.area_name}</option>
            {/foreach}
            </select>
          </div>
        </div>


        <div class="layui-inline">
          <label class="layui-form-label">详细地址</label>
          <div class="layui-input-inline">
            <input name="address"  value="" placeholder="请输入详细地址" lay-verify="address" autocomplete="off" class="layui-input" type="text">
          </div>
        </div>

        <div class="layui-inline">
          <label class="layui-form-label">性别要求</label>
          <div class="layui-input-block">
            <label><input name="gender"  value="1" title="男"  type="radio"></label>
            <label><input name="gender"  value="2" title="女" type="radio"></label>
            <label><input name="gender" checked="checked" value="0" title="不限" type="radio"></label>
          </div>
        </div>

      </div>
      
       

    </div>

    <div class="layui-form-item ">
      <div class="layui-inline">
        <label class="layui-form-label">是否置顶</label>
        <div class="layui-input-inline">
          <label><input name="is_top"  value="1" title="是"  type="radio"></label>
          <label><input name="is_top"  value="0" checked="checked" title="否" type="radio"></label>
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label">是否推荐</label>
        <div class="layui-input-inline">
          <label><input name="is_recommend"  value="1" title="是" type="radio"></label>
          <label><input name="is_recommend"  value="0" checked="checked" title="否"  type="radio"></label>
        </div>
      </div>

    </div>



    <div class="layui-form-item ">
      <div class="layui-inline">
            <label class="layui-form-label">兼职内容</label>
            <textarea name="content" rows="8" cols="150"></textarea>
      </div>
    </div>
    <div class="layui-form-item ">
      <div class="layui-inline">
            <label class="layui-form-label">工作要求</label>
            <textarea name="requirement" rows="8" cols="150" ></textarea>
      </div>
    </div>
    <div class="layui-form-item ">
      <div class="layui-inline">
            <label class="layui-form-label">工作福利</label>
            <textarea name="work_welfare" rows="8" cols="150"></textarea>
      </div>
    </div>

    <div class="layui-form-item ">
        <button class="layui-btn" type="submit">保存</button>
    </div>
</div>
</form>
{/block}

{block name='script'}
<script>
    //配置插件目录
    layui.config({
        base: '__ROOT__/static/plugs/layui/layarea/'
        , version: '1.0'
    });
    //一般直接写在一个js文件中
    layui.use(['layer', 'form', 'layarea'], function () {
        var layer = layui.layer
            , form = layui.form
            , layarea = layui.layarea;

        layarea.render({
            elem: '#area-picker',
            change: function (res) {
                //选择结果
                console.log(res);
            }
        });
    });
</script>
<script>
  window.form.render();
  layui.use('laydate', function(){
    var laydate = layui.laydate;
    //常规用法
    laydate.render({
      elem: '#test1'
      ,range: true
    });
    laydate.render({
      elem: '#test2'
      ,type: 'time'
      ,format: 'HH:mm'
    });
    laydate.render({
      elem: '#test3'
      ,type: 'time'
      ,format: 'HH:mm'
    });
    
  });

  /*require(['ckeditor', 'angular'], function () {
     window.createEditor('[name="content"]', {height: 200});
     window.createEditor('[name="requirement"]', {height: 200});
     window.createEditor('[name="work_welfare"]', {height: 200});
   });*/
</script>

{/block}